<template>
  <div>
    <el-date-picker
      v-model="date"
      style="margin-bottom: 10px;margin-right:10px"
      type="date"
      placeholder="选择日期"
      format="yyyy 年 MM 月 dd 日"
      value-format="yyyy-MM-dd"
      @change="dateChange"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: ''
    }
  },
  created() {
    var data = new Date()
    var month = data.getMonth() < 9 ? '0' + (data.getMonth() + 1) : data.getMonth() + 1
    var date = data.getDate() <= 9 ? '0' + data.getDate() : data.getDate()
    this.date = data.getFullYear() + '-' + month + '-' + date
    this.$emit('dateChange', this.date)
  },
  methods: {
    dateChange(val) {
      if (val === null) {
        this.$emit('dateChange', '')
        return
      }
      this.$emit('dateChange', val)
    }
  }
}
</script>
